<template>
  <div class="box">
    <header class="header" style="height: 200px;background-color: #ccc;">
      <p>
        <span style="float: left;"><van-icon name="list-switch" /></span>
        <span style="float: right;"><van-icon name="apps-o" /></span>
      </p>
      <img style="width: 40px;
        height: 40px; border-radius: 50% ;margin-left: 150px;margin-top: 70px;;" src="@/assets/ll.png" alt="">
      <p style="text-align: center;">{{ username }}</p>  
  </header>
    <main class="main">
      <div>
        <p style="text-align: center;">个人信息资料</p>
        <p style="text-align: center;">完善你的位值个人信息资料</p>
        <p style="text-align: center;">个人描述，然当哦哦i俄国人</p>
      </div>
      <priList />
    </main>
  </div>
  <footer class="footer"></footer>
</template>

<script setup>
import priList from '../home/priList.vue';
const username = localStorage.getItem('username')
</script>

<style lang="scss" scoped></style>